import React from 'react';
// import { connect } from 'dva';
// import { createForm } from 'rc-form';
import { List, WhiteSpace, Switch} from 'antd-mobile';
import ChildWrap from '../../components/layout/childWrap';

const Item = List.Item;

export default function Setting() {
    // const { getFieldProps } = this.props.form;
    // const StatusSwitch = (<Switch checked/>);
    return (
        <ChildWrap
            content="设置"
        >
            <List>
                <Item
                    extra={<Switch checked/>}
                >
                    新消息声音提醒
                </Item>
            </List>
            <List>
                <Item
                    extra={<Switch />}
                >
                    新消息震动提醒
                </Item>
            </List>

            <WhiteSpace size="lg"/>

            <List>
                <Item
                    arrow="horizontal"
                >
                    关于我们
                </Item>
            </List>
            <List>
                <Item
                    arrow="horizontal"
                >
                    帮助中心
                </Item>
            </List>
            <List>
                <Item
                    arrow="horizontal"
                    extra="当前版本V1.0"
                >
                    检查更新
                </Item>
            </List>

            <WhiteSpace size="lg"/>

            <List>
                <Item
                    arrow="horizontal"
                >
                    清理缓存
                </Item>
            </List>
            <WhiteSpace size="lg"/>

            <List>
                <Item style={{marginLeft: '40%'}}>
                    退出登录
                </Item>
            </List>
        </ChildWrap>
    );
}
